<!DOCTYPE html>
<html>

<head>
	<title>梦数科技开源平台</title>
	<meta charset="utf-8">
	<link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="js/assets/owl.theme.default.css" />
	<script type="text/javascript" src="js/bundle.js"></script>
	<script type="text/javascript" src="js/owl.carousel.min.js"></script>
	<link rel="stylesheet" href="js/assets/owl.carousel.min.css" />
	<script>
		var _hmt = _hmt || [];
		(function () {
			var hm = document.createElement("script");
			hm.src = "https://hm.baidu.com/hm.js?e2ee96069690a999bd10906a2e5b6b17";
			var s = document.getElementsByTagName("script")[0];
			s.parentNode.insertBefore(hm, s);
		})();
	</script>

	<style>
		.project {
			margin-bottom: 20px;
		}
	</style>
</head>

<body>
	<div class="header-own">
		<div class="header-inner container">
			<a href="https://www.office2.cn/">
				<img class="logo" src="images/open-source.png">
			</a>
			<div class="github-btn">
				<a href="https://github.com/mengshukeji">
					View On GitHub
				</a>
			</div>
		</div>
	</div>
	<div class="owl-carousel owl-theme">
		<img src="images/banner-1.png" style="width:100%;height:auto;">
	</div>
	<div class="container">
		<div class="row">
			<div class="container-title">
				<span>梦数科技开源平台</span>
			</div>
			<div>
				<div class="row-fluid">

					<div class="project col-md-4">
						<div class="project-container">
							<a href="https://mengshukeji.github.io/LuckysheetDocs/"
								style="display:block;background-color:#eaeaea;">
								<img src="images/excel.png"
									style="display:block;height:144px;margin:auto;transform:scale(.6)">
							</a>
							<h2 class="project-name">
								<a href="https://mengshukeji.github.io/LuckysheetDocs/" target="_blank">Luckysheet</a>
							</h2>
							<p class="project-summary">
								基于canvas的js在线表格
							</p>
							<p class="project-desc">
								Luckysheet ，一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源。
							</p>
						</div>
					</div>

					<div class="project col-md-4">
						<div class="project-container">
							<a href="https://www.cnbabylon.com/"
								style="display:block;background-color:#eaeaea;">
								<img src="images/logo-babylonjs-social-twitter.png"
									style="display:block;height:144px;margin:auto;transform:scale(.6)">
							</a>
							<h2 class="project-name">
								<a href="https://www.cnbabylon.com/" target="_blank">Babylon.js中文网</a>
							</h2>
							<p class="project-summary">
								基于WebGL的3D图形引擎
							</p>
							<p class="project-desc">
								Babylon.js是一个强大、惊艳、易用、开源的3d引擎，架设在先进的视觉场景发生器之上，拥有基于物理引擎一流的渲染方法。
							</p>
						</div>
					</div>

					<div class="project col-md-4">
						<div class="project-container">
							<a href="#"
								style="display:block;background-color:#eaeaea;">
								<img src="images/default-project-logo.png"
									style="display:block;height:144px;margin:auto;transform:scale(.6)">
							</a>
							<h2 class="project-name">
								<a href="#" target="_blank">敬请期待</a>
							</h2>
							<p class="project-summary">
								
							</p>
							<p class="project-desc">
								
							</p>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="container">
			<p>
				<a href="http://www.apache.org/licenses/LICENSE-2.0.html">开源协议</a> <span class="liscens">|</span> <a
					href="mailto:mengshu@office2.cn">反馈意见</a>
			</p>
			<p class="liscens">© 2012-2017 mengshukeji. All Rights Reserved</p>
		</div>
	</div>
	<script type="text/javascript">
		$(document).ready(function () {
			$(".owl-carousel").owlCarousel({
				nav: false,
				autoplay: true,
				items: 1,
				dots: false,
				rewind: true
			});
		});
	</script>
</body>

</html>
